<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <div class="w-full h-[100vh] flex flex-col items-center justify-center">
    <h1 class="text-4xl font-bold">404 Not Found</h1>
    <p class="mt-5 text-lg font-bold">
      您所访问的页面不存在，
      <a
        target="_blank"
        rel="noopener"
        class="mx-1 hover:underline"
        :style="{ color: token.colorPrimary }"
        @click="goHome"
        >NOURA STUDIO.</a
      >
      您可以点击它来查看详细信息。
    </p>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'
import { theme } from 'ant-design-vue'
const { token } = theme.useToken()
const router = useRouter()
const goHome = () => {
  router.push('/')
}
</script>
